<template>
    <div class="jingx">
        <div class="jingbox" v-for="(item, index) in arr" :key="index">
            <div class="box">
                <h3>{{ item }}</h3>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            arr: [
                '风冷无霜大容量，冰箱也是储物箱',
                '高清视觉盛宴,智能电视来助力',
                '做饭不愁，一个电磁炉全搞定',
                '对付闷热，强劲落地扇带给你清爽',
                '大屏平板电视,4k画质清晰逼真',
                '一级节能空调，全天开启不心疼',
                '房租小户，美菱迷你冰箱恰到好处',
                '小屏游戏不过瘾，大屏电视尽兴玩',
                '夏日省电享美味，变频冰箱最擅长'
            ]
        }
    }
}
</script>

<style lang="scss" scoped>
.jingx {
    width: 100%;

    .jingbox {
        width: 100%;
        height: 0.56rem;
    }

    .box {
        width: 95%;
        height: 95%;
        margin: 2.5%;
        background-color: #ffffff;
        border-radius: 0.06rem;
        overflow: auto;

        h3 {
            font-size: 0.16rem;
            margin-left: 0.13rem;
            margin-top: 0.12rem;
        }
    }
}
</style>